<template>
    <div class="npad-applications-container">
		<TransitionGroup tag="span" name="zoom" enter-active-class="animated fadeIn" leave-active-class="animated zoomOut">
			<Application v-for="(item) in tasks" :key="item.id" :title="item.name" :icon="item.icon" :page="item.page">
			</Application>
		</TransitionGroup>
    </div>
</template>
<script setup>
import {onMounted ,computed } from 'vue';
import Application from '../views/Application.vue';
import $store from '../store/index'


onMounted(() => {
	console.log("onMounted ============>");
});
const tasks = computed(() => {
	return $store.state.core.tasks;
});
</script>
<style lang="less">
.npad-applications-container {
	
}
</style>
